@charset "utf-8";
/*
Theme Name:kamuri
Theme URI:
Description:kamuri
Author:kamuri
Version:1.0
*/

/* --------------------------------------------- */
/* ▼共通の箇所 */
/* --------------------------------------------- */

/*主要レイアウト幅指定*/
.Inner{width: 1000px; margin:0 auto;}
article { width: 680px; margin-bottom: 30px;}
aside   { width: 250px;}

@media screen and (max-width: 768px){
        .Inner{
            width: 100%;
            padding: 10px;
            box-sizing: border-box;
        }
        nav .Inner{padding: 0px;}
        article,aside{width: 100%;}
    }/*max-width: 768px*/


/*header回り*/
header #h1title {
        color: #fff;
        background: url(https://web.archive.org/web/20240815041803https://kamuri.co.jp/wordpress/wp-content/themes/kamuri/img/base/bg_colorful.gif) repeat-x;
        text-align: left;
    }
    header .Inner {
        position: relative;
    }
    header #header_tel {
        position: absolute;
        top: -18px;
        right: 0;
    }
    @media screen and (max-width: 768px){
        header {
            position: relative;
            height: 80px;
            width: 100px;
            z-index: 200;
        }
        #spmenu {
            position: absolute;
            top: 12px;
            width: 100%;
            z-index: 100;
        }
        header .Inner {
           top: 8px;
        }
    }/*max-width: 768px*/


/*footer回り*/
footer {
        margin-top: 40px;
    }
    footer .bg_footer{
        background: url(https://web.archive.org/web/20240815041803https://kamuri.co.jp/wordpress/wp-content/themes/kamuri/img/base/bg_colorful.gif) repeat-x;
        height: 10px;
    }
    footer .footer_contact a {
        background: #fff;
        border-radius: 5px;
        padding: 5px 5px 8px 5px;
        margin-left: 20px;
    }
    footer .footer_tel {
        position: relative;
    }
    footer img.absolute {
        left: 0;
        top: -40px;
    }
    footer img.telNumber {
        margin-left: 150px;
    }
    footer .copyright {
        padding: 10px 0;
    }
    footer p.tw100 {
        font-size: 12px;
        line-height: 200%;
    }
    footer .footer_bnr {
        width: 260px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    @media screen and (max-width: 768px){
        footer .footer_contact {
            margin: 0 auto;
            width: 80%;
        }
        footer .footer_contact a {
            padding: 10px 0px;
            display: block;
            margin: 10px auto;
            text-align: center;
        }
        footer .footer_tel {
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }
        footer img.telNumber {
            margin-left: 0px;
        }
        footer img.absolute {
            left: 0;
            top: -40px;
        }
        footer .footer_contact {
            margin: 10px auto 0 auto;
        }
        footer small {
            line-height: 150%;
            text-align: center;
            margin: 10px auto;
        }
        footer .copyright img {
            margin: 0 auto;
        }
        footer .footer_bnr {
            width: 48%;
            margin: 5px auto;
            text-align: center;
        }
        footer .copyright .tw100 {
           text-align: center;
        }

    }/*max-width: 768px*/

@media screen and (max-width: 480px){
 footer .copyright {
            margin-bottom: 20px;
    }
    section.spContact {
        bottom: 0;
        position: fixed;
        display: block;
        width: 100%;
    }
    section.spContact a {
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        width: 50%;
        padding: 6px;
        text-align: center;
        border-left: 1px solid #555;
        box-sizing: border-box;
        font-size: 1.5em;
    }
   
}/*max-width: 480px*/




/*バックグラウンド*/
.bg_orange {
    background: #ff8043;
}
.bg_baige {
    background: #fefef2;
    border-top: 4px solid #ff8043;
    border-bottom: 4px solid #ff8043;
}

/*ボタン*/
a.btn_red {
    background: #f00;
    padding: 10px 100px 15px 100px;
    border-radius: 12px;
}
a.btn_red img {
    vertical-align: middle;
}
a.btn_green {
    background: #75ce49;
    color: #fff !important;
    display: table;
    text-align: center;
    margin: 20px auto;
    padding: 10px 50px;
    border-bottom: 2px solid #45a201;
    border-right: 2px solid #45a201;
    border-radius: 6px;
    text-decoration: none !important;
}
a.btn_green:after {
    content: "\f054";
    font-family: FontAwesome;
    margin-left: 10px;
}
@media screen and (max-width: 768px){
    a.btn_red {
        padding: 10px 0px 15px 0px;
    }
    a.btn_red img {
        width: 230px;
    }
}/*max-width: 768px*/

@media screen and (max-width: 480px){
    a.btn_green {
        width: 280px;
        padding:10px;
    }
}/*max-width: 480px*/

/*文字*/
h1 {
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
    padding: 3px 0px;
}
h2 {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.4em;
    }
    @media screen and (max-width: 768px){
        h2 {
            font-size: 20px;
        }
    }/*max-width: 768px*/

h2.line {
    border-bottom: 4px double #ff8043;
    border-top: 4px double #ff8043;
    margin-bottom: 5px;
    padding: 10px;
    color: #ff8043;
}
h4 {
    border-bottom: 1px dotted #555;
    padding-bottom: 5px;
    margin-bottom: 5px;
}


/* --------------------------------------------- */
/* ▼Wordpress 排出部分の調整　/
/* --------------------------------------------- */

/*関連記事*/
section.related-entries {
    border: 2px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
}
section.related-entries ul{
    border-bottom: 1px dotted #555;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
section.related-entries ul:last-child{
    border-bottom:none;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
section.related-entries h3 {
    background: #ff8450;
    margin-bottom: 20px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    padding: 5px 5px 5px 10px;
    font-size: 18px;
}
@media only screen and (max-width: 768px) {
    section.related-entries ul {
        border-bottom: 1px dotted #555;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    section.related-entries ul:last-child {
        margin-bottom: 0px;
    }
}

/*コメント*/
.comment-lists-wrap ol {
    list-style-position: inside;
    }
    .comment-lists-wrap ol li{
         overflow: hidden;
    }
    .comment-lists-wrap ol li.even{
         border-bottom: 1px solid #F9003C;
    }
    .comment-lists-wrap ol .comment {
    }
    .comment-lists-wrap ol .children { /* 返信コメントの部分 */
         margin-left: 10%;
    }
    .reply{/* 返信ボタン */
         background-color:#E5E5E5;
         line-height: 20px;
         width: 50px;
         font-size: 10px;
         text-align: center;
         border: 1px solid #626262;
         float: right;
         margin-bottom: 2%;
    }
    .reply a {
         color:#626262;
         display: block;
    }
    .comment-author{/* アバター */
         width:15%;
         float: left;
         overflow: hidden;
    }
    .comment-author img {
        display: block;
        margin: 0 auto;
    }
    span.says{/* コメント投稿者の「より」を非表示 */
         display: none;
    }
    .comment-body{
         clear: both;
         margin-top: 2%;
         overflow: hidden;    
    }
    .comment-body p{/* 文章部分 */
         overflow: hidden;
         border:1px dashed #F9003C;
         padding:2%;
         margin: 0 0 2% 0!important;
    }
    .fn {/* コメント投稿者の名前の部分（デフォルトではイタリックになってる部分） */
         display: block;
        font-style: normal;
        clear: both;
        text-align: center;
    }
    .comment-meta{/* コメント投稿日 */
         text-align: right;
    }
    .comment-meta a{
         color: #626262;
    }
    h3#comments,h3#reply-title {
        border-bottom: 1px dotted #555;
        border-left: 5px solid #ff8450;
        padding-bottom: 5px;
        padding-left: 10px;
    }
    p.comment-notes {
        margin: 10px 0px;
    }
    #commentform label {
        vertical-align: top;
    }
    #commentform label {
        vertical-align: top;
        width: 120px;
        display: inline-block;
    }
    #commentform span.required {
        color: #ef0000;
    }
    #commentform textarea#comment {
        width: 80%;
    }
    #commentform p.form-submit {
        float: right;
    }
    #commentform p {
        margin-bottom: 5px;
    }
    @media only screen and (max-width: 768px) {
        #commentform textarea#comment {
            width: 99%;
        }
    }
    @media only screen and (max-width: 480px) {
        #commentform label,#commentform input{
            width: 98%;
        }
    }

.ichiran h3 a,.title_kiji h4 a {
    text-decoration: underline;
    color: #f55;
    font-size: 120%;
}
p.time:before {
    content: "\f017";
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: smaller;
}


/*ページネーション*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}


/*カテゴリのラベル色変え*/
span.label {
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    margin-left: 10px;
    padding: 1px 8px;
    background: #8fdc3e;
    vertical-align: bottom;
}
span.label a{
    color:#fff;
}

/*未分類ラベル非表示*/
/*.label-mibunrui {
    display: none;
}*/

/*パンくず*/
#breadcrumb {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0px;
    font-size: 12px;
}
#breadcrumb li {
    margin-right: 5px;
}
@media screen and (max-width: 768px){
    #breadcrumb {
        width: 100%;
        padding: 8px 10px;
        line-height: 150%;
        font-size: 12px;
        box-sizing: border-box;
    }
}

/*投稿部分*/
article .title {
    margin-bottom: 20px;
}
.kiji{
    margin-bottom: 40px;
}
.kiji a{
    text-decoration: underline;
    color: #ff8450;
}
.kiji img {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.kiji h2 {
    line-height: 150%;
    padding: 6px 0px 6px 15px;
    color: #fff;
    background: url(https://web.archive.org/web/20240815041803https://kamuri.co.jp/wordpress/wp-content/themes/kamuri/img/base/bg_colorful.gif) repeat-x;
    margin-bottom: 15px;
    margin-top: 30px;
    background-size: cover;
}
.kiji h3 {
    font-size: 18px;
    color: #555;
    border-left: 6px solid #ff8450;
    padding-left: 10px;
    margin-top: 30px;
    margin-bottom: 15px;
    background: #ffef77;
    line-height: 180%;
}

img.textimgR {
    float: right;
    width: 45%;
    margin: 0 0 15px 15px;
}
img.textimgL {
    float: left;
    width: 45%;
    margin: 0 15px 15px 0px;
}
.kiji img {
    box-sizing: border-box;
    margin-bottom: 20px;
}
.kiji ul {
    background: #f2fddd;
    padding: 15px 15px 15px 40px;
    border-radius: 10px;
    margin: 15px 0px;
}
.kiji ul li {
    list-style-type: disc;
    border-bottom: 1px dashed #b3b3b3;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.kiji ul li strong {
    color:#26b316;
}
.kiji p {
    margin-bottom: 10px;
}
.kiji table{width: 100%;}
.kiji .fa-long-arrow-right:before {
    content: "\f178";
    color: #ffe03d;
}
.kiji .fa-arrow-down:before {
    color:#ffe03d;
}
.kiji .bg_yellow {
    background: #fff5e8;
    padding: 20px;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px){
    .kiji img{padding: 10px;}
}
@media screen and (max-width: 480px){
    img.textimgR,img.textimgL {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
}

/*カスタムフィールドテンプレート*/
.Custumfield {
    margin-bottom: 30px;
    border-bottom: 1px dotted #555;
    padding-bottom: 20px;
    margin-top: 30px;
}
/*施工実績 BeforeAfter*/
.sekou_group p.label {
    background: #000;
    text-align: center;
    color: #ffe03d;
    font-size: 20px;
    display: inline-block;
    padding: 0px 20px;
    margin-bottom: 0px;
    position: absolute;
    font-family: 'Josefin Sans', sans-serif;
}
.sekou_group span.arrowPC {
    font-size: 620%;
    position: absolute;
    top: 30%;
}
.sekou_group span.arrowSP {
    text-align: center;
    font-size: 200%;
}
.sekou_group .pc5,.sekou_group .pc2 {
    padding: 5px;
}
.sekou_group img {
    margin-bottom: 0px;
    width: 100%;
}
.sekou_group .Custum_text {
    margin-top: 10px;
}
@media screen and (max-width: 768px){
    .Custumfield p.label {
        top: 15px;
        left: 15px;
    }   
}
/*施工実績 新築*/
.sekou_newhouse .pc6 {
    border: 1px solid #dcdcdc;
    padding: 15px;
}
.sekou_newhouse .pc6 img {
    width: 100%;
}


/*手造りおもちゃと雑貨*/
.goods_group img{width: 100%;}
.goods_group p.goods_no {
    display: inline-block;
    padding: 0px 20px;
    font-size: 13px;
    border: 1px solid #555;
}
.goods_group p.goods_name {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 0px;
}
.goods_group p.goods_textarea {
    border-top: 1px dotted #555;
    padding-top: 10px;
}
.goods_group p.goods_price {
    font-size: 150%;
    font-weight: bold;
    color: #e40000;
    border-top: 1px dotted #555;
    padding-top: 10px;
}
.goods_group p.goods_price span {
    color: #555;
    font-size: 13px;
    font-weight: normal;
}



/*フォーム*/
#form input.wpcf7-form-control.wpcf7-submit {
    margin: 0 auto;
    display: block;
    width: 250px;
    padding: 8px;
    margin-top: 20px;
}
#form input.wpcf7-text{
    padding: 5px 0px;
}
#form input[type="checkbox"]{
    width: auto;
}
@media screen and (max-width: 480px){
    #form input{width: 100%;}
}


/* ---------------------------------------------
    WP投稿部分のレイアウト幅分割スタイル
--------------------------------------------- */
/*ページ分割*/
.col-9 {width: 90%; float: left;}
.col-8 {width: 80%; float: left;}
.col-7 {width: 70%; float: left;}
.col-6 {width: 60%; float: left;}
.col-5 {width: 50%; float: left;}
.col-4 {width: 40%; float: left;}
.col-3 {width: 30%; float: left;}
.col-2 {width: 20%; float: left;}
.col-1 {width: 10%; float: left;}
.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{
    padding: 0 20px;
    box-sizing: border-box;
    }
@media screen and (max-width: 480px){
    .col-7,.col-6,.col-5,.col-4,.col-3{width: 100%;}
}

/*ウィジェット*/
h2.widgettitle {
    background: #ff8450;
    color: #fff;
    font-size: 18px;
    padding-left: 10px;
    margin-bottom: 5px;
}
#sidebar ul li{
    margin-bottom: 20px;
}
#sidebar ul li ul li {
    border-bottom: 1px dotted #555;
    margin-bottom: 4px;
    padding-bottom: 4px;
}
#sidebar ul li ul li:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: medium;
    color: #ff8450;
}
#sidebar ul li ul.children li {
    border: none;
    padding-bottom: 0px;
    padding-left: 20px;
    margin-bottom: 0px;
}
/*子カテゴリを非表示*/
#sidebar ul.children {
    display: none;
}
li#execphp-3 h2,
li#execphp-4 h2,
li#execphp-5 h2,
li#execphp-6 h2,
li#execphp-7 h2,
li#execphp-8 h2,
li#execphp-9 h2,
li#execphp-10 h2{
    display: none;
    margin-bottom: 10px !important;
}
li#execphp-3,
li#execphp-4,
li#execphp-5,
li#execphp-6,
li#execphp-7,
li#execphp-8,
li#execphp-9,
li#execphp-10{
    margin-bottom: 10px !important;
}

/* --------------------------------------------- */
/* ▼各ページ、各セクションの調整 */
/* --------------------------------------------- */

#index .title {
        width: 600px;
        position: relative;
        text-align: center;
        margin: 0 auto 40px auto;
    }
    #index .title .line {
        padding: 8px 0px;
        border-top: 3px solid #ff8043;
        border-bottom: 3px solid #ff8043;
        margin-bottom: 10px;
    }
    #index .title h2 {
        background: #ff8043;
        color: #fff;
    }
    #index .title p.English {
        font-family: 'Josefin Sans', sans-serif;
        line-height: 120%;
        font-size: 80px;
        color: #ff9463;
    }
    #index .title p.English span{
        font-size: 35px;
        vertical-align: bottom;
    }
   #index  .title p.sub {
        font-size: 18px;
        line-height: 170%;
        color: #ff8043;
        font-weight: bold;
    }
    #index .title p.sub span.lineB {
        border-bottom: 4px solid #f7ef03;
    }
    @media screen and (max-width: 768px){
        #index .title  {
            width: 100%;
            margin: 0 auto 20px auto;
        }
        #index .title p.English {
            font-size: 40px;
        }
        #index .title p.English span{
            font-size: 20px;
            display: block;
        }
        #index .title p.sub {
            text-align: left;
            float: left;
            width: 75%;
        }
    }/*max-width: 768px*/
    @media screen and (max-width: 480px){
        #index .title p.sub {
            font-size: 15px;
            line-height: 160%;
        }
    }/*max-width: 480px*/


#index section.company .illust {
        position: absolute;
        right: -200px;
        top: -20px;
    }
    #index .company .lineR {
        border-right: 2px dotted #ff8043;
    }
     @media screen and (max-width: 768px){
       #index section.company .illust {
            width: 25%;
            right: 0px;
            top: auto;
            bottom: 0px;
        }
    }/*max-width: 768px*/
    @media screen and (max-width: 480px){
       #index .company .lineR {
            border-right: none;
            border-bottom: 1px dotted #ff8043;
            padding-bottom:20px;
        }
    }/*max-width: 480px*/

#index section.lifestyle .illust {
        position: absolute;
        left: -170px;
        top: -70px;
    }
    #index .lifestyle h3 {
        border-bottom: 1px solid #ff8043;
        margin: 10px 0px;
        color: #ff8043;
        font-size: 30px;
        padding-bottom: 10px;
    }
    #index .lifestyle .pc6 p {
        float: left;
        font-size: 95%;
        width: 270px;
    }
    #index .lifestyle a.btn {
        float: right;
        width: 185px;
        margin-top: 5px;
    }
    /*hoverで画像拡大*/
    #index .lifestyle .scale_up{
        overflow: hidden;
        height: 200px;
    }
    #index .lifestyle .scale_up img {
        -moz-transition: -moz-transform 0.5s linear;
        -webkit-transition: -webkit-transform 0.5s linear;
        -o-transition: -o-transform 0.5s linear;
        -ms-transition: -ms-transform 0.5s linear;
        transition: transform 0.5s linear;
    }
    #index .lifestyle .scale_up img:hover {
        opacity: 0.85;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    @media screen and (max-width: 768px){
         #index section.lifestyle .illust {
            width: 25%;
            left: auto;
            right: 0px;
            top: auto;
            bottom: 0px;
        }
        #index .lifestyle .pc6 p {
            width: 100%;
        }
        #index .lifestyle a.btn {
            float: none;
            width: auto;
            text-align: center;
            display: block;
        }
        #index .lifestyle h3 {
            font-size: 26px;
        }
        #index .lifestyle .scale_up{
            height: 100px;
        }
    }/*max-width: 768px*/
    @media screen and (max-width: 480px){
        #index .lifestyle .scale_up{
            height: 130px;
        }
    }/*max-width: 480px*/

#index section.zeh .illust {
        position: absolute;
        right: -200px;
        top: -70px;
    }
    #index .zeh .box {
        border: 4px solid #d91373;
        border-radius: 10px;
        background: #fff;
        padding: 20px;
    }
    #index .zeh .flexbox {
        margin-top: -80px;
    }
    @media screen and (max-width: 768px){
        #index section.zeh .illust {
            width: 25%;
            right: 0px;
            top: auto;
            bottom: -20px;
        }
        #index .zeh .flexbox {
            margin: 0px;
        }
        #index .zeh .title p.English {
            line-height: 80%;
            margin-top: 20px;
        }
    }/*max-width: 768px*/

#index section.works .illust {
        position: absolute;
        left: -170px;
        top: -70px;
    }
    #index .works .pc6 {
        position: relative;
    }
    #index .works p.getname {
        background: #ff8043;
        color: #fff;
        display: inline-block;
        padding: 2px 15px;
        position: absolute;
        top: 0;
        right: 20px;
    }
    @media screen and (max-width: 768px){
         #index section.works .illust {
            width: 25%;
            left: auto;
            right: 0px;
            top: auto;
            bottom: -20px;
        }
        #index .works p.getname {
            top: 0;
            right: 20px;
        }
    }/*max-width: 768px*/
    @media screen and (max-width: 480px){
        #index .works p.getname {
            top: 0;
            right: 0;
        }
    }/*max-width: 480px*/

#index section.info .title {
        width: 100%;
        margin-bottom: 30px;
    }
   #index .info #facebook {
        text-align: center;
    }
    #index .info time {
        color: #ff8043;
        font-weight: bold;
    }
    #index .info dl {
        border-bottom: 1px dotted #555;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    #index .info dl dd{
        position: relative;
    }
   #index .info dl dd:after {
        content: "\f0da";
        font-family: FontAwesome;
        margin-right: 5px;
        position: absolute;
        right: 10px;
    }
    #index .info a.btn_red {
        background: #f00;
        padding: 10px 8px 15px 8px;
        border-radius: 12px;
    }
    
 #index section.shopdate .title {
        width: 100%;
        margin-bottom: 30px;
    }
    #index .shopdate .box {
        background: #ff8043;
        padding: 35px;
        text-align: center;
    }
    @media screen and (max-width: 768px){
         #index .shopdate .box {
            padding: 20px;
            text-align: center;
            margin: 0px 10px 30px 10px;
        }
    }/*max-width: 768px*/

/*固定ページ*/
#page .h2_title {
    background: url(https://web.archive.org/web/20240815041803https://kamuri.co.jp/wordpress/wp-content/themes/kamuri/img/base/bg_h2.jpg) no-repeat;
    background-size: cover;
    text-align: left;
    padding: 50px 20px;
    }
    #page .h2_title h2 {
        font-size: 28px;
        line-height: 1.4em;
        font-weight: bold;
        color: #ff8450;
        text-shadow: 2px 2px 1px #f9f9f9;
    }
    #page .topimg {
        margin-bottom: 30px;
    }
    @media screen and (max-width: 768px){
         #page .h2_title {
            padding: 20px;
        }
    }/*max-width: 768px*/

/*よくある質問*/
p.question:before {
    content: "\f059";
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 180%;
    vertical-align: middle;
}
p.question {
    font-size: 18px;
    border: 4px double #009447;
    padding: 8px 15px;
    color: #009447;
    border-radius: 10px;
    margin-bottom: 20px;
}
p.answer img {
    float: left;
    margin: 10px;
    width: 20%;
}
@media screen and (max-width: 768px){
     p.answer img {
        padding: 3px;
        width: 40%;
        margin: 0px;
        float: right;
    }
}/*max-width: 768px*/
.QAbox {
    margin-bottom: 30px;
}
/*施工の流れ*/
.flowbox span {
    background: #ff8450;
    padding: 5px 20px;
    color: #fff;
    margin-right: 10px;
    display: inline-block;
    moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-6deg);
}
@media screen and (max-width: 768px){
    .flowbox span {
        padding: 2px 5px;
        font-size: 12px;
        margin-right: 3px;
    }
}/*max-width: 768px*/

/*ライフスタイル別・家づくり*/
.lifebox p.orange {
    font-size: 18px;
    line-height: 170%;
    color: #ff8043;
    font-weight: bold;
}
/*趣味の部屋*/
#archive-hobby h2{
    padding: 4px 12px;
    margin-bottom: 20px;
}
#archive-hobby h2 span {
    float: right;
    opacity: 0.3;
    font-family: 'Josefin Sans', sans-serif;
}
#archive-hobby h2.fishing{background: #4da7f7;color: #fff;}
#archive-hobby h2.trekking{background: #95ce3e;color: #fff;}
#archive-hobby h2.softvalley{background: #e86192;color: #fff;}

#single-hobby .Custumfield  .pc6 {
    padding:10px;
}
#single-hobby .Custumfield  .flexbox {
    border: 1px solid #d8d8d8;
    margin-bottom: 10px;
}
#single-hobby .Custumfield .pc6 img {
    width: 100%;
    margin-bottom: 0px;
    padding: 0px;
}
#single-hobby p.hobby_day {
    background: #555;
    font-size: 16px;
    color: #fff;
    padding: 2px 10px;
    font-weight: bold;
}
#single-hobby p.hobby_title {
    font-size: 18px;
    color: #555;
    font-weight: bold;
}



/*リフォーム*/
.reformBox .pc6 {
    padding: 10px;
}
.reformBox .lineBox {
    border: 1px solid #7bc146;
    border-radius: 10px;
    padding: 10px;
}
.reformBox a {
    background: #7bc146;
    width: 100%;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    padding: 5px 0px;
    font-size: 18px;
}
.reformBox .lineBox p{
    padding:10px;
}
.ecoreformBox .bgGreen{
    padding: 15px;
}
.ecoreformBox .pc4 {
    background: #e1f9dc;
    box-sizing: border-box;
    border-right: 10px solid #fff;
    padding: 12px;
    margin-bottom: 10px;
}
.ecoreformBox h4 {
    color: #1d8f18;
    font-size: 18px;
}
.ecoreformBox p.orangeBold {
    text-align: center;
    font-size: 180%;
    line-height: 120%;
    font-weight: bold;
    color: #ff6a2b;
}
@media screen and (max-width: 768px){
    .ecoreformBox .pc4 {
        border-right: none;
    }
}/*max-width: 768px*/



/*
     FILE ARCHIVED ON 04:18:03 Aug 15, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:33:49 May 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.411
  load_resource: 126.081
  PetaboxLoader3.resolve: 63.19
  PetaboxLoader3.datanode: 54.763 (2)
  loaddict: 44.009
*/